<div class="main">

<h1>あるあるCity来館者限定<br />レーシングミクキャンペーン応募フォーム</h1>
<div class="read">
<p>※ 応募者の方には、あるあるCity・アパマンショップからのお得な情報やお知らせをメールでお送りさせていただくことがあります。</p>
<p><font color='#FF0000'>※ブラウザの「戻る」ボタンや、再読み込み等は行わないでください。セキュリティ上の事情により、入力内容が消えてしまいます。</font></p>
<p><font color='#FF0000'>※個人情報を入力したままの放置に、ご注意ください。</font></p>
</div>

<form id="aruaruform" method="post" action="{$action}" autocomplete="off">
<input type="hidden" name="InputTime" id="InputTime" value="{$inputTime}" />

<div id="inq_Form"><!-- inq_form -->

<table id="inqAllTable">
<tbody>
<tr>
<th>お名前&nbsp;<span>[必須]</span></th>
<td>
<p class="small">全角でご入力ください。</p>
<p><input type="text" value="" name="Name" id="Name" class="nameInput zenkaku" maxlength="30" style="ime-mode:active" /></p>
<p class="errTxt" htmlfor="Name" generated="true" />
</td>
</tr>
<tr>
<th>ご住所&nbsp;<span>[必須]</span></th>
<td>
<p class="small">(例:東京都中央区京橋1-1-5 セントラルマンション13号室)</p>
<!--p class="postal_code">〒&nbsp;<input type="text" name="Zip1" value="" id="Zip1" maxlength="3" class="addnoInput number" style="IME-MODE: disabled" />-<input type="text" name="Zip2" value="" id="Zip2" maxlength="4" class="addnoInput number" style="IME-MODE: disabled" /></p>
<p class="pref01">都道府県&nbsp;
<select name="PrefCd" id="PrefCd" class="required">
<option value="00" >選択して下さい</option>
<option value="01" >北海道</option>
<option value="02" >青森県</option>
<option value="03" >岩手県</option>
<option value="04" >宮城県</option>
<option value="05" >秋田県</option>
<option value="06" >山形県</option>
<option value="07" >福島県</option>
<option value="08" >茨城県</option>
<option value="09" >栃木県</option>
<option value="10" >群馬県</option>
<option value="11" >埼玉県</option>
<option value="12" >千葉県</option>
<option value="13" >東京都</option>
<option value="14" >神奈川県</option>
<option value="15" >新潟県</option>
<option value="16" >富山県</option>
<option value="17" >石川県</option>
<option value="18" >福井県</option>
<option value="19" >山梨県</option>
<option value="20" >長野県</option>
<option value="21" >岐阜県</option>
<option value="22" >静岡県</option>
<option value="23" >愛知県</option>
<option value="24" >三重県</option>
<option value="25" >滋賀県</option>
<option value="26" >京都府</option>
<option value="27" >大阪府</option>
<option value="28" >兵庫県</option>
<option value="29" >奈良県</option>
<option value="30" >和歌山県</option>
<option value="31" >鳥取県</option>
<option value="32" >島根県</option>
<option value="33" >岡山県</option>
<option value="34" >広島県</option>
<option value="35" >山口県</option>
<option value="36" >徳島県</option>
<option value="37" >香川県</option>
<option value="38" >愛媛県</option>
<option value="39" >高知県</option>
<option value="40" >福岡県</option>
<option value="41" >佐賀県</option>
<option value="42" >長崎県</option>
<option value="43" >熊本県</option>
<option value="44" >大分県</option>
<option value="45" >宮崎県</option>
<option value="46" >鹿児島県</option>
<option value="47" >沖縄県</option>
</select>
</p-->
<p class="pref02"><input type="text" name="Address" value="" id="Address" maxlength="50" class="normalInput required" style="ime-mode:active" /></p>
</td>
</tr>
<tr>
<th>電話番号&nbsp;<span>[必須]</span></th>
<td>
<p class="small">ハイフンなしの半角数値のみでご入力ください。(例:0123456789)</p>
<input type="text" name="Tel1" value="" id="Tel1" maxlength="15" class="telInput required telnum"  style="IME-MODE: disabled" />
</td>
</tr>
<!-- E-mail -->
<tr>
<th>メールアドレス&nbsp;<span>[必須]</span></th>
<td>
<p><input type="text" name="Mail" value="" id="Mail" maxlength="50" class="normalInput required email " style="IME-MODE: disabled" /></p>
<p class="errTxt" htmlfor="Mail" generated="true" />
<p class="small"><b>【メール設定変更のお願い】</b></p>
<p class="small">ドメイン指定受信やドメイン指定受信拒否等を設定している場合、当選の際の連絡に
支障をきたすおそれがあります。</p>
<p class="small">当選の権利を速やかに行使して頂くために、以下のドメインを新たに指定受信に設定追加して頂くか、ドメイン指定受信拒否を解除してください。</p>
<p class="small">&nbsp;@aruarucity.com</p>
<p class="small">&nbsp;@apamanshop.co.jp</p>
</td>
</tr>
</tbody>
</table>
</div><!-- /inq_form -->

<div class="send_form">
<table class="footTable">
<tbody>
<tr><td>
<label><input type="checkbox" name="Doui" value="1" id="Doui" class="required" /><b>個人情報のお取り扱いおよび、応募規約に同意する。</b></label><span><font color='#FF0000'>[必須]</font></span>
<p class="errTxt" htmlfor="Doui" id="DouiErr" generated="true" />
</td></tr>
<tr>
<td>
<a href="javascript:void(0);">
<input name="Submit" type="image" class="rollImg" id="Submit" src="/app/campaign/201403racingmiku/images/btn_send_now.jpg" alt="送信" />
</a>
</td>
</tr>
<tr>
<td colspan="3" class="attTd02">SSL暗号化通信を使用してますので、安心して個人情報を送信いただけます。</td>
</tr>
</table>
</div><!-- /send_form -->
</form>

<div class="agreement">
<p id="privacyTxt">▼必ずお読みください。</p>
<div class="privacyTitle">
<h2>個人情報の取り扱いについて</h2>
</div>
<div class="privacyContents">
<iframe width="100%" scrolling="auto" height="165" frameborder="no" src="/app/html/inquiry/privacy.html" id="privacy"></iframe>
</div>
<div class="privacyTitle">
<h2>レーシングミクキャンペーン応募規約</h2>
</div>
<div class="privacyContents">
<iframe width="100%" scrolling="auto" height="165" frameborder="no" src="/app/campaign/201403racingmiku/aqua-kiyaku.html" id="privacy"></iframe>
</div>
</div>

</div><!-- /main -->

{literal}<script type="text/javascript"><!--
window.onload = function(){
	var form = document.getElementById("aruaruform");
	if (form == null) {
		return;
	}
	document.getElementById("Name").disabled = "true";
	document.getElementById("Address").disabled = "true";
	document.getElementById("Tel1").disabled = "true";
	document.getElementById("Mail").disabled = "true";
	document.getElementById("Name").value = "";
	document.getElementById("Address").value = "";
	document.getElementById("Tel1").value = "";
	document.getElementById("Mail").value = "";
	document.getElementById("Doui").checked = false;
//	for(var i=0; i<form.elements.length; ++i) {
//		var element = form.elements[i];
//		switch(element.type) {
//			case "text":
//			case "textarea":
//				element.value = "";
//				break;
//			case "checkbox":
//				element.checked = false;
//				break;
//			case "select-one":
//			case "select-multiple":
//				element.selectedIndex = 0;
//				break;
//		}
//	}
	$.ajax({
		type: "get",
		url: "/inquiry/racingmiku/getdataapi",
		cache : false,
		dataType : 'json',
		success: function(json) {
			if (json.Name) {
				document.getElementById("Name").value = json.Name;
			}
			if (json.Address) {
				document.getElementById("Address").value = json.Address;
			}
			if (json.Tel1) {
				document.getElementById("Tel1").value = json.Tel1;
			}
			if (json.Mail) {
				document.getElementById("Mail").value = json.Mail;
			}
		},
		complete: function() {
			document.getElementById("Name").disabled = "";
			document.getElementById("Address").disabled = "";
			document.getElementById("Tel1").disabled = "";
			document.getElementById("Mail").disabled = "";
			$.ajax({
				type: "get",
				url: "/inquiry/racingmiku/deldataapi",
				cache : false
			});
		}
	});
}
window.unload = function(){}
//--></script>{/literal}
